/* 引入Normalize.css重置默认样式 */
@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css');

/* 全局样式设置 */
* {
  box-sizing: border-box; /* 统一盒模型计算方式 */
}

body {
  font-family: "Microsoft YaHei", "Heiti SC", sans-serif; /* 适配中文的字体栈 */
  color: #333; /* 全局文本颜色 */
  line-height: 1.6; /* 行高优化可读性 */
  background-color: #f9f9f9; /* 页面背景色 */
}

/* 顶部导航栏样式 */
.header {
  display: flex; /* 启用Flex布局 */
  justify-content: space-between; /* 左右两端对齐 */
  align-items: center; /* 垂直居中对齐 */
  padding: 0.8rem 5%; /* 内边距（上下0.8rem，左右5%） */
  background-color: #fff; /* 白色背景 */
  border-bottom: 1px solid #eee; /* 底部分隔线 */
  position: sticky; /* 导航栏粘性定位（滚动时固定在顶部） */
  top: 0;
  z-index: 100; /* 确保导航栏在其他内容上方 */
}

.logo img {
  height: 45px; /* 校徽高度固定 */
}

.nav-menu {
  display: flex; /* 导航菜单横向排列 */
  gap: 1.8rem; /* 菜单项间距 */
}

.nav-item {
  color: #333; /* 导航文字颜色 */
  text-decoration: none; /* 去除下划线 */
  font-size: 0.95rem; /* 文字大小 */
  transition: color 0.3s ease; /* 颜色过渡动画 */
}

.nav-item:hover {
  color: #c00; /* hover时文字变红（深大常用强调色） */
}

.right-actions {
  display: flex; /* 右侧操作区横向排列 */
  align-items: center; /* 垂直居中 */
  gap: 1.2rem; /* 操作项间距 */
}

.lang-btn, .search-btn, .menu-btn {
  background: transparent; /* 透明背景 */
  border: none; /* 去除边框 */
  cursor: pointer; /* 鼠标悬停时显示手型 */
  font-size: 0.95rem; /* 文字大小 */
  color: #333; /* 文字颜色 */
  transition: color 0.3s;
}

.lang-btn:hover, .search-btn:hover {
  color: #c00; /*  hover时变红 */
}

.menu-btn {
  font-size: 1.5rem; /* 移动端菜单按钮更大 */
  display: none; /* 桌面端隐藏 */
}

/* 面包屑导航样式 */
.breadcrumbs {
  padding: 1rem 5%; /* 内边距 */
  font-size: 0.85rem; /* 小字体 */
  color: #666; /* 灰色文字 */
  background-color: #fff; /* 白色背景 */
  border-bottom: 1px solid #eee; /* 底部分隔线 */
}

.breadcrumbs a {
  color: #666; /* 链接颜色 */
  text-decoration: none; /* 去除下划线 */
}

.breadcrumbs a:hover {
  color: #c00; /*  hover时变红 */
  text-decoration: underline; /* 下划线提示 */
}

/* 首页新闻板块样式 */
.main-content {
  max-width: 1200px; /* 内容区最大宽度 */
  margin: 0 auto; /* 居中显示 */
  padding: 2rem 1rem; /* 内边距 */
}

.news-section {
  display: flex; /* 左右布局 */
  gap: 2.5rem; /* 左右区域间距 */
  margin-bottom: 3rem; /* 与下方内容的间距 */
}

/* 左侧大图新闻 */
.news-left {
  flex: 1; /* 占1份宽度 */
}

.news-left img {
  width: 100%; /* 图片自适应宽度 */
  height: auto; /* 高度自动（保持比例） */
  border-radius: 4px; /* 轻微圆角 */
  box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* 轻微阴影 */
}

.news-main-title {
  margin: 1rem 0 0.5rem; /* 标题边距 */
  font-size: 1.4rem; /* 标题大小 */
  color: #333;
}

.news-desc {
  color: #666; /* 描述文字灰色 */
  font-size: 0.95rem;
  line-height: 1.7;
}

/* 右侧新闻列表 */
.news-right {
  flex: 1; /* 占1份宽度 */
}

.news-right h2 {
  font-size: 1.5rem;
  color: #333;
  padding-bottom: 0.6rem;
  border-bottom: 2px solid #c00; /* 红色下划线强调 */
  margin-bottom: 1.2rem;
  display: flex;
  align-items: center;
}

.news-right h2::after {
  content: "";
  flex: 1;
  margin-left: 1rem;
  height: 1px;
  background-color: #eee; /* 下划线后半段灰色 */
}

.news-list {
  list-style: none; /* 去除默认列表样式 */
  padding: 0;
  margin: 0;
}

.news-item {
  padding: 1rem 0; /* 上下内边距 */
  border-bottom: 1px dashed #eee; /* 虚线分隔 */
  transition: background-color 0.2s;
}

.news-item:last-child {
  border-bottom: none; /* 最后一项无分隔线 */
}

.news-item:hover {
  background-color: #f5f5f5; /* hover时浅灰背景 */
}

.news-date {
  display: inline-block;
  width: 70px; /* 固定宽度，日期对齐 */
  color: #999; /* 日期灰色 */
  font-size: 0.85rem;
}

.news-title {
  color: #333;
  text-decoration: none;
  font-size: 0.98rem;
  transition: color 0.3s;
}

.news-title:hover {
  color: #c00; /* hover时变红 */
}

.more-news {
  display: inline-block; /* 块级显示，可设置边距 */
  margin-top: 1.2rem;
  color: #c00; /* 红色文字 */
  text-decoration: none;
  font-size: 0.9rem;
  transition: transform 0.2s;
}

.more-news:hover {
  transform: translateX(5px); /* 向右微移，增强交互感 */
}

/* 列表页样式 */
.list-container {
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0 1rem;
}

.list-title {
  font-size: 1.8rem;
  color: #333;
  text-align: center; /* 标题居中 */
  margin-bottom: 2.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eee;
}

.full-news-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.full-news-item {
  display: flex; /* 列表项左右布局（图+文） */
  gap: 1.5rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid #eee;
  transition: background-color 0.3s;
}

.full-news-item:hover {
  background-color: #f9f9f9;
}

.news-img {
  flex: 0 0 200px; /* 图片区域固定宽度200px */
}

.news-img img {
  width: 100%;
  height: 130px; /* 固定高度，保持统一 */
  object-fit: cover; /* 图片裁剪填充（不拉伸） */
  border-radius: 4px;
}

.news-info {
  flex: 1; /* 文字区域占剩余宽度 */
}

.news-info h3 {
  margin: 0 0 0.8rem;
  font-size: 1.1rem;
}

.news-info h3 a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s;
}

.news-info h3 a:hover {
  color: #c00;
}

.news-brief {
  color: #666;
  font-size: 0.9rem;
  margin: 0 0 0.8rem;
  line-height: 1.7;
}

.news-time {
  color: #999;
  font-size: 0.8rem;
}

/* 分页样式 */
.pagination {
  display: flex;
  justify-content: center; /* 分页居中 */
  gap: 0.5rem;
  margin: 3rem 0;
}

.page-btn, .page-num {
  display: inline-block;
  padding: 0.5rem 1rem;
  border: 1px solid #ddd;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.3s;
}

.page-btn:hover, .page-num:hover {
  border-color: #c00;
  color: #c00;
}

.page-num.active {
  background-color: #c00; /* 激活页红色背景 */
  color: #fff;
  border-color: #c00;
}

/* 详情页样式 */
.detail-container {
  max-width: 900px;
  margin: 2rem auto;
  padding: 0 1rem;
  background-color: #fff; /* 白色背景突出内容 */
  border-radius: 8px;
  box-shadow: 0 2px 15px rgba(0,0,0,0.05);
  padding: 2rem;
}

.detail-title {
  font-size: 1.8rem;
  color: #333;
  text-align: center;
  margin: 0 0 1.5rem;
  line-height: 1.4;
}

.detail-meta {
  display: flex;
  justify-content: center; /* 元信息居中 */
  gap: 1.5rem;
  color: #999;
  font-size: 0.85rem;
  padding: 0.8rem 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-bottom: 1.5rem;
}

.detail-content {
  color: #333;
  font-size: 1rem;
  line-height: 1.8;
}

.detail-content p {
  margin: 0 0 1.2rem; /* 段落间距 */
  text-align: justify; /* 文本两端对齐 */
}

.detail-img {
  display: block;
  max-width: 100%; /* 图片最大宽度100% */
  height: auto;
  margin: 1.5rem auto; /* 图片居中 */
  border-radius: 4px;
}

/* 相关新闻 */
.related-news {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #eee;
}

.related-news h3 {
  font-size: 1.1rem;
  margin-bottom: 1rem;
  color: #333;
}

.related-news ul {
  list-style: none;
  padding: 0;
}

.related-news li {
  margin-bottom: 0.8rem;
}

.related-news a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s;
}

.related-news a:hover {
  color: #c00;
  text-decoration: underline;
}

/* 页脚样式 */
.footer {
  background-color: #333; /* 深色背景 */
  color: #ccc; /* 浅灰文字 */
  padding: 3rem 5%;
  margin-top: 3rem;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center; /* 页脚内容居中 */
  font-size: 0.9rem;
}

.footer-content p {
  margin: 0.5rem 0;
}

/* 响应式适配（移动端） */
@media (max-width: 768px) {
  /* 导航栏调整 */
  .nav-menu {
    display: none; /* 隐藏桌面导航 */
  }
  
  .menu-btn {
    display: block; /* 显示移动端菜单按钮 */
  }
  
  .logo img {
    height: 40px; /* 缩小校徽 */
  }
  
  /* 首页新闻板块改为上下布局 */
  .news-section {
    flex-direction: column;
    gap: 2rem;
  }
  
  /* 列表页新闻项改为上下布局 */
  .full-news-item {
    flex-direction: column;
  }
  
  .news-img {
    flex: none; /* 取消固定宽度 */
    width: 100%; /* 图片占满宽度 */
  }
  
  .news-img img {
    height: auto; /* 高度自适应 */
  }
  
  /* 详情页调整 */
  .detail-title {
    font-size: 1.5rem;
  }
  
  .detail-meta {
    flex-direction: column; /* 元信息上下排列 */
    gap: 0.5rem;
    text-align: center;
  }
}